.clearfix:after{
    content:'';
    display: block;
    clear: both;
}
.clearfix{
    zoom: 1;
}
.wp{
    width: 1200px;
    margin: 0 auto;
}

/*banner*/
.banner .swiper-container {
	width: 100%;
	height: auto;
	height: 500px;
}
.banner .swiper-container .swiper-slide img{
    width: 100%;
}
/*小圆点*/
.banner .swiper-pagination-bullet{
	width: 30px;
	height: 10px;
	border-radius: 0;
	background: #fff;   
}
.banner .swiper-pagination-bullet-active{
    background: #0088c6;
}

.index_nav{
    float: left;
}
.left_h2{
    margin: 10px 0;
    background: #004499;
    padding: 10px 14px;
    text-align: center;
    color: #fff;
}
.index_nav_ul{
    position: relative;
}
.index_nav li{
    width: 226px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-bottom: 1px solid #999999;
}
.index_nav li a{
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px; 
    color: #fff;
    background: #004499;
}
.index_nav li a:hover{
    background: #0088c6;
    color: #fff;
}
/*这个计算鼠标离开a也会有背景*/
.index_nav li:hover > a{
    background: #0088c6;
    color: #fff;
}
.dl_two{   
    position: absolute;
    z-index: 9;
    top: 0%;
    left: 100%;
    width:942px;
    height: 500px;
    padding: 10px;
    background: #fff;
    border: 1px solid #ccc;
}
.dl_two dd{
    float: left;
    margin: 14px;    
}
.dl_two dd a{
    display: inline-block;
    height: 34px;
    line-height: 34px;
    width: 200px;
    box-sizing: border-box;
    color: #fff;
    background: #004499; 
}
.dl_two dd a:hover{
   color: #fff;
    background: #0088c6; 
}

.index_xs{
    float: right;
    width:950px;
    padding: 10px;
}
.more01{
    float: left;
    margin-left: 4px;
}
.more01 a{
    color: #fff;
    border: 0;
    padding: 0;
    background: none;
    width: 48px;
}
.pro_tit{    
    background: #004499;
    font-size: 14px;
    color: #fff;
    height: 66px;
    white-space: nowrap;
    overflow: hidden;
    line-height: 66px;    
}
.prorit_nav {
    float: left;
}
.prorit_nav li{  
    float: left; 
    width: 220px;
    border-right: 1px solid #999999; 
    text-align: center; 
    font-size: 16px;

}
.prorit_nav li a{
    display: inline-block;
    color: #fff;
    line-height: 47px;
    width: 220px;    
}
.li_active{
    background: #0088c6;
    text-decoration: none;
    color: #fff;
    transition: all 1s;
}
.li_active a{
    color: #fff;
 }
.pro_content{
    margin-top: 10px;
}
.prorit_img{   
    background: #fff;
    display: none;
}
/*产品图*/
.prorit_img ul li{   
    float: left;
    width: 24%;    
    padding: 4px;
    margin: 10px 4px;
    height: 328px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    overflow: hidden;
}
.list_img{
   height: 230px; 
}
.list_img img{
    position: relative;
    z-index: 2;
    width: 100%;
    height: 200px;
}
.list_txt{
    background: #fff;
    text-align: center;
    height:50px;
    position: relative;
    z-index: 2;
}
.ab_div{
    position:absolute;
    left:0;
    bottom:0;
    z-index:100;
    width:100%;
    background:#fff;
    cursor: pointer;
}
.list_txt h2{
    padding: 10px 0;
    font-size: 14px;
}
.gray{
    color: #777;
}
.list_hide{
    margin-top:5px;
    height:0px;
    font-size: 12px;
    overflow:hidden;
    _line-height:0;
    transition: all 0.2s;
}
.ab_div:hover .list_hide{
    transition: all 0.2s;
    height: 20px;
    overflow: hidden;
    text-align: center;
    font-size: 12px;
    color: #71cd9c;
}
.tqyd{
    text-align:center;
    font-size: 14px;
    color: #ef353d;
}
.pro_time{
    text-align:center;
    padding-left: 15px;
    font-size: 12px;
    color: #71cd9c; 
    cursor: pointer;
}
/*浮动联系方式*/

.float_qq {
  position:fixed;
  top:400px;
  right:0;
  width:50px;
  height:203px;
  z-index:23;
}
.float_qq ul{
  list-style: none;
}
.float_qq li {
  width:auto;
  height:50px;
  z-index:20;
}
.float_qq li.float_qq1,.float_qq li.float_qq4 {
  position:absolute;
  left:0;
  width:62px;
}
.float_qq li.float_qq1 {
  top:0;
}
.float_qq li.float_qq2 {
  position:absolute;
  top:51px;
  left:20;
  width:126px;
}
.float_qq li.float_qq3 {
  position:absolute;
  top:102px;
  left:0;
  width:172px;
}
.float_qq li.float_qq4 {
  top:153px;
}
.float_qq4 {
  position:absolute;
  top:153px;
  left:0;
}
.float_qq li a {
  display:block;
  font-family:"Microsoft Yahei";
  color:#FFF;
  font-size:14px;
  height:50px;
  line-height:50px;
  overflow:hidden;
  background-color:#000;
  opacity:0.8;
  border-radius:6px;
}
.float_qq li a img {
  display:block;
  float:left;
  vertical-align:middle;
  width:24px;
  height:24px;
  margin:12px 12px 14px 14px;
}
.float_qq li a:hover {
  background-color:#c70c1f;
  opacity:1;
}
.float_shwx {
  position:absolute;
  top:-140px;
  left: -219px;  
  width:216px;
  height:216px;
  padding-bottom:9px;
  display:none;
}
.float_shwx img {
  display:block;
  padding:14px;
  background-color:#FFF;
  width:188px;
  height:188px;
}